{% extends "/shared/layout.html" %}
{% block mainContent %}
{% include '/shared/reference_menu.html' %}
<div class="main-center">
  <div class="main-hd">
    <div id="userTabs" class="tab">
     <ul class="tab-navs add">
        <li class="tab-nav list selected">
          <a href="javascript:;">用户列表</a>
        </li>
        <li class="tab-nav add">
          <a href="javascript:;">新增用户</a>
        </li>
        <li class="tab-nav edit">
          <a href="javascript:;">修改密码</a>
        </li>
      </ul>
    </div>
  </div>
  <div class="main-bd">
    <!--<div class="title-bar">管理用户</div>-->
    <div class="wrp list">
      <div class="title-bar">用户列表</div>
      <br/>
      <div class="select-menu">
        <a class="btn select-switch" href="javascript:;">
          <label>未分组</label>
          <i class="arrow"></i>
        </a>
        <ul class="select-list">
          <li class="select-item">
            <a href="javascript:;" data-value="0">未分组</a>
          </li>
          <li class="select-item">
            <a href="javascript:;" data-value="0">未分组</a>
          </li>
          <li class="select-item">
            <a href="javascript:;" data-value="0">未分组</a>
          </li>
        </ul>
      </div>
      <div id="usersGrid"></div>
    </div>
    <div class="wrp add" style="display:none;">
      <!--<h4>修改密码</h4>-->
      <div class="title-bar">新增用户</div>
      <div id="createForm" class="form-wrp">
        <div class="form-group">
          <label class="form-label">用户名</label>
          <div class="form-controls">
            <span class="form-input-wrp">
              <input class="form-input txtUserName" type="text" value="" placeholder="用户名">
            </span>
            <!--<span class="btn btn-default btn-input">
              <button>button测试</button>
            </span>
            <p class="form-tips">用户名</p>-->
            <p class="form-msg">
              <i> ● </i>
              <span class="form-msg-content"></span>
            </p>
          </div>
        </div>
        
        <div class="form-group">
          <label class="form-label">真实姓名</label>
          <div class="form-controls">
            <span class="form-input-wrp">
              <input class="form-input txtRealName" type="text" value="" placeholder="真实姓名">
            </span>
            <p class="form-msg">
              <i> ● </i>
              <span class="form-msg-content"></span>
            </p>
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">用户密码</label>
          <div class="form-controls">
            <span class="form-input-wrp">
              <input class="form-input txtUserPwd" type="password" value="" placeholder="用户密码">
            </span>
            <p class="form-msg">
              <i> ● </i>
              <span class="form-msg-content"></span>
            </p>
          </div>
        </div>

        <div class="tool-bar">
          <span class="btn btn-input btn-special btnCreate">
            <button>新增</button>
          </span>
          <span class="btn btn-input btn-default btnReset">
            <button>重置</button>
          </span>
        </div>
      </div>
    </div>

    <div class="wrp edit" style="display:none;">
      <div class="title-bar">修改密码</div>
      <div id="editForm" class="form-wrp">
        <div class="form-group">
          <label class="form-label">用户名</label>
          <div class="form-controls">
            <span class="form-input-wrp">
              <input class="form-input txtUserName" type="text" value="" placeholder="用户名">
            </span>
            <p class="form-msg">
              <i> ● </i>
              <span class="form-msg-content"></span>
            </p>
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">用户密码</label>
          <div class="form-controls">
            <span class="form-input-wrp">
              <input class="form-input txtUserPwd" type="password" value="" placeholder="用户密码">
            </span>
            <p class="form-msg">
              <i> ● </i>
              <span class="form-msg-content"></span>
            </p>
          </div>
        </div>

        <div class="tool-bar">
          <span class="btn btn-input btn-special">
            <button>修改</button>
          </span>
          <span class="btn btn-input btn-default">
            <button>取消</button>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="../static/scripts/views/income/website.views.income.user.js"></script>
<script type="text/javascript">
  nsbase.views.incomeUser.init();
</script>
{% endblock%}
